<template>
  <div class="app-container">
    <div class="page-filter mb10 fl">
      <el-row class="fl">
        <el-col :span="24">
          <div class="v-title">
            行政管理
          </div>
        </el-col>
        <el-col :span="24">
          <div v-for="item in administrations" :key="item.key" class="v-item fl" @click="handleDialog({...item.dialog, ...{dRef: item.key}})">
            <div class="v-img v-img-daka" />
            <div class="v-item-title tac">{{ item.name }}</div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="v-title">
            工程管理
          </div>
        </el-col>
        <el-col :span="24">
          <div v-for="item in engineerings" :key="item.key" class="v-item fl" @click="handleDialog({...item.dialog, ...{dRef: item.key}})">
            <div class="v-img v-img-daka" />
            <div class="v-item-title tac">{{ item.name }}</div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="v-title">
            采购管理
          </div>
        </el-col>
        <el-col :span="24">
          <div v-for="item in purchases" :key="item.key" class="v-item fl" @click="handleDialog({...item.dialog, ...{dRef: item.key}})">
            <div class="v-img v-img-daka" />
            <div class="v-item-title tac">{{ item.name }}</div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="v-title">
            财务管理
          </div>
        </el-col>
        <el-col :span="24">
          <div v-for="item in finances" :key="item.key" class="v-item fl" @click="handleDialog({...item.dialog, ...{dRef: item.key}})">
            <div class="v-img v-img-daka" />
            <div class="v-item-title tac">{{ item.name }}</div>
          </div>
        </el-col>
      </el-row>
    </div>
    <Wuliao ref="wuliao" :info="dialog" />
    <Warehousing ref="warehousing" :info="dialog" />
    <Fund ref="fund" :info="dialog" />
    <Supplier ref="supplier" :info="dialog" />
    <Inquiry ref="inquiry" :info="dialog" />
    <EO ref="eo" :info="dialog" />
    <Reduction ref="reduction" :info="dialog" />
    <Additional ref="additional" :info="dialog" />
    <Deduction ref="deduction" :info="dialog" />
    <Payment ref="payment" :info="dialog" />
    <Expend ref="expend" :info="dialog" />
    <Voucher ref="voucher" :info="dialog" />
    <Temporary ref="temporary" :info="dialog" />
    <Reimbursement ref="reimbursement" :info="dialog" />
    <Invoicing ref="invoicing" :info="dialog" />
    <Leave ref="leave" :info="dialog" />
    <Travel ref="travel" :info="dialog" />
    <Out ref="out" :info="dialog" />
    <Overtime ref="overtime" :info="dialog" />
    <Cart ref="cart" :info="dialog" />
    <Dormitory ref="dormitory" :info="dialog" />
    <Seal ref="seal" :info="dialog" />
    <Loss ref="loss" :info="dialog" />
    <Become ref="become" :info="dialog" />
    <Quit ref="quit" :info="dialog" />
  </div>
</template>

<script>
import './util/sv.css'
import sv from './util/sv'
import approval from './util/approval'

export default {
  name: '',
  mixins:[approval],
  extends: sv,
  data() {
    return {
      
    }
  },
  created() {
  },
  methods: {
  }
}
</script>
